<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/shouye.css">
    <link rel="stylesheet" href="./css/shouye.css">
    <link rel="stylesheet" href="./css/shopping.css">
</head>
<body>
    <div class="dabiao">
        <div class="biaoti">
            <span class="iconfont icon-shouye"></span>
            <a href="./shouye.html">天猫首页</a>
            <a href="javasceipt:;">喵，欢迎来天猫</a>
            <a href="javascript:;">请登陆</a>
            <a href="javascript:;" class="a1">免费注册</a>
            <div class="wodetaobao">
                <a href="javascript:;" class="a11">我的淘宝<b></b></a>
                <div class="tantao">
                    <a href="#">已买到的宝贝</a>
                    <a href="#">已卖出的宝贝</a>
                </div>
            </div>
            <span class="iconfont icon-gouwuche1"></span>
            <a href="javascript:;" >购物车</a>
            <div class="shouchangjia">
                <a href="javascript:;"  class="a11">收藏夹<b></b></a>
                <div class="tanshou">
                    <a href="#">收藏的宝贝</a>
                    <a href="#">收藏的店铺</a>
                </div>
            </div>
            <p class="p1"></p>
            <span class="iconfont icon-shouji"></span>
            <div class="shouji">
                <a href="javascript:;">手机版</a>
                <div id="shoujiban">
                    <img src="https://img.alicdn.com/tfs/TB1vJ0POwTqK1RjSZPhXXXfOFXa-175-215.png" alt="">
                </div>
            </div>
            <a href="javascript:;">淘宝网</a>
            <div class="shangjia">
                <a href="javascript:;" class="a11">商家支持<b></b></a>
                <div class="tanshang">
                    <div class="tanshang1">
                        <h3>商家：</h3>
                        <a href="#">商家中心</a>
                        <a href="#">商家中心</a>
                        <a href="#">商家中心</a>
                        <a href="#">商家中心</a>
                        <a href="#">商家中心</a>
                        <a href="#">商家中心</a>
                        <a href="#">商家中心</a>
                        <a href="#">商家中心</a>
                    </div>
                    <div class="tanshang2">
                        <h3>帮助：</h3>
                        <a href="#">商家服务大厅</a>
                        <a href="#">问商友</a>
                    </div>
                </div>
            </div>
            <div class="wangzhan">
                <a href="javascript:;" class="a11"><span class="iconfont icon-daohang"></span>网站导航<b></b></a>
                <div class="tandao">
                    <div class="tandaol">
                        <h3>热点推荐
                            <span>Hot</span>
                        </h3>
                        <a href="#">天猫超市</a>
                        <a href="#">天猫超市</a>
                        <a href="#">天猫超市
                            <span class="iconfont icon-xinpinrenqiwang xin"></span>
                        </a>
                        <a href="#" >天猫超市</a>
                        <a href="#" class="dashige">天猫超市
                            <span class="iconfont icon-huore huo"></span>
                        </a>
                        <a href="#">天猫超市</a>
                        <a href="#">天猫超市</a>
                        <a href="#">天猫超市
                            <span class="iconfont icon-huore  huo"></span>
                        </a>
                        <a href="#">天猫超市
                            <span class="iconfont icon-huore huo"></span>
                        </a>
                        <a href="#" class="dashige">天猫超市</a>
                        <a href="#">天猫超市
                            <span class="iconfont icon-xinpinrenqiwang xin"></span>
                        </a>
                        <a href="#">天猫超市</a>
                        <a href="#">天猫超市
                            <span class="iconfont icon-xinpinrenqiwang xin"></span>
                        </a>
                        <a href="#">天猫超市</a>
                        <a href="#" class="dashige">天猫超市
                            <span class="iconfont icon-huore huo"></span>
                        </a>
                    </div>
                    <div class="tandaol" id="tubiao">
                        <h3 id="hangye">行业市场
                            <span>Market</span>
                        </h3>
                        <a href="#">天猫
                            <span class="iconfont icon-huore huo"></span>
                        </a>
                        <a href="#">天猫</a>
                        <a href="#">超市
                            <span class="iconfont icon-xinpinrenqiwang xin"></span>
                        </a>
                        <a href="#" >天市</a>
                        <a href="#" class="dashige">超市
                            <span class="iconfont icon-huore huo"></span>
                        </a>
                        <a href="#">天市
                            <span class="iconfont icon-xinpinrenqiwang xin"></span>
                        </a>
                        <a href="#">天猫</a>
                        <a href="#">天市
                            <span class="iconfont icon-huore  huo"></span>
                        </a>
                        <a href="#">超市
                        </a>
                        <a href="#" class="dashige">天猫</a>
                        <a href="#">天市
                            <span class="iconfont icon-xinpinrenqiwang xin"></span>
                        </a>
                        <a href="#">天超</a>
                        <a href="#">猫市
                        </a>
                        <a href="#">猫市</a>
                        <a href="#" class="dashige">天市
                            <span class="iconfont icon-huore huo"></span>
                        </a>
                    </div>
                    <div class="tandaor">
                        <h3>服务指南
                            <span>Help</span>
                        </h3>
                        <a href="#">品质保障</a>
                        <a href="#" class="dierge">品质保障</a>
                        <a href="#">品质保障</a>
                        <a href="#" class="dierge">品质保障</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="che-tou">
        <div class="sousuo" style="float: right;padding-top: 0px;">
            
            <div class="soukuang" style="border: 3px solid #ff5500;">
                <input type="text" name="" id="sou" placeholder="搜索天猫超市商品">
                <button class="dianji" style="background-color: #ff5500;">搜索</button>
            </div>
            
        </div>
    </div>
    <div class="che-shang">
        <a href="">全部商品<span>0</span><b></b></a>
        <a href="" style="color: black;">降价商品<span>0</span><b></b></a>
        <a href="" style="color: black;">库存紧张<span>0</span><b></b></a>
    </div>
    <div class="che-tu" style="width: 990px;margin: auto;">
        <img src="http://img.alicdn.com/tfs/TB1dl28RXXXXXbzaFXXXXXXXXXX-136-50.png" alt="">
    </div>
    <div class="che-bao">
        <table border="1" width="990" align="center">
            <thead>
                <tr>
                    <th width="80">选中</th>
                    <th>图片</th>
                    <th>名称</th>
                    <th width="60">数量</th>
                    <th width="100">价格</th>
                    <th width="100">小计</th>
                    <th width="40">操作</th>
                </tr>
            </thead>
            <tbody>
                <!-- <tr>
                    <td align="center"><input type="checkbox" id="allFalg1"></td>
                    <td><img src="afa" alt=""></td>
                    <td>asasfasasf</td>
                    <td><input type="number" class="setNum" value="4"></td>
                    <td>299</td>
                    <td>299*4</td>
                    <td class="del">删除</td>
                </tr> -->
            </tbody>
            <tfoot>
                <tr>
                    <td><input type="checkbox" id="allFlag"><label for="allFlag">全选</label></td>
                    <td></td>
                    <td style="text-align: right;">总数量：</td>
                    <td class="allNum">xx</td>
                    <td style="text-align: right;">总价:</td>
                    <td class="allPrice">xxx</td>
                    <td>支付</td>
                </tr>
            </tfoot>
        </table>
    </div>
    <div class="zuidibu" style="background-color: white;border: none;margin-top: 50px;">
        <div class="zuidi" style="background-color: white;">  
            <p class="spg" >
                <a href="#">关于天猫</a>
                <a href="#">商家服务大厅</a>
                <a href="#">开放平台</a>
                <a href="#">诚聘英才</a>
                <a href="#">联系我们</a>
                <a href="#">网站合作</a>
                <a href="#">法律声明</a>
                <a href="#">隐私权政策</a>
                <a href="#">知识产权</a>
                <a href="#">廉政举报</a>
            </p>
            <p class="spg">
                <a href="#">阿里巴巴集团</a>｜
                <a href="#">淘宝网</a>｜
                <a href="#">天猫</a>｜
                <a href="#">聚划算</a>｜
                <a href="#">全球速卖通</a>｜
                <a href="#">阿里巴巴国际交易市场</a>｜
                <a href="#">1688</a>｜
                <a href="#">阿里妈妈</a>｜
                <a href="#">飞猪</a>｜
                <a href="#">阿里云计算</a>｜
                <a href="#">AliOs</a>｜
                <a href="#">阿里通信</a>｜
                <a href="#">万网</a>｜
                <a href="#">高德</a>｜
                <a href="#">UC</a>｜
                <a href="#">友盟</a>｜
                <a href="#">虾米</a>｜
                <a href="#">叮叮</a>｜
                <a href="#">支付宝</a>｜
                <a href="#">阿里安全</a>
            </p>
            <div class="foot">
                <a href="#">增值电信业务经营许可证：浙B2-20110446</a>
                <span>市场名称登记证：工商网市字3301004119号</span>
                <span>出版物网络交易平台服务经营备案证： 新出发浙备字第2019002号</span>
                <br>
                <span>互联网违法和不良信息举报电话：0571-81683755 blxxjb@alibaba-inc.com</span>
                <a href="#">互联网药品信息服务资质证书编号：浙-（经营性）-2017-0005</a>
                <a href="#"><img src="./img/WeChata56b8ce9ce4ea173a6a4af85970d78ea.png" alt="">浙公网安备 33010002000120号</a>
                <br>
                <span>医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00002号</span>
                <br>
                <span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010002</span>
                <a href="#">12318举报</a>
                <a href="#">浙B2-20110446-1</a>
                <b>© 2003-2020 TMALL.COM 版权所有</b>
            </div>
        </div>
    </div>
</body>
<script src="./js/shouye.js"></script>
<script src="./libs/require.js" data-main="./js/cartMain"></script>
</html>